<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Bootstrap改变表单样式</title>
    <link rel="stylesheet" href="../pc/dist-3.4.1/css/bootstrap.css">
    <script src="../../../jquery-js/jquery.js"></script>
    <script src="../pc/dist-3.4.1/js/bootstrap.js"></script>
</head>
<body>
<form role="form">
    <div class="form-group">
        <input class="form-control input-lg" type="text" placeholder=".input-lg">
    </div>
    <div class="form-group">
        <input class="form-control" type="text" placeholder=".DefaultInput">
    </div>
    <div class="form-group col-lg-3" >
        <input class="form-control input-lg" type="text" placeholder=".input-lg col-lg-3">
    </div>
    <div class="form-group">
        <input class="form-control input-sm" type="text" placeholder=".input-sm">
    </div>
</form>
</body>
</html>